
<template>
<div class="left-nav">
    <ul>
        <li>
            <i class="icon iconfont iconaddto" ></i>
            <div>收银</div>
        </li>
        <li>
            <i class="icon iconfont icondelete" ></i>
            <div>店铺</div>
        </li>
        <li>
            <i class="icon iconfont iconbrightness" ></i>
            <div>商品</div>
        </li>
        <li>
            <i class="icon iconfont iconbluray" ></i>
            <div>会员</div>
        </li>
        <li>
            <i class="icon iconfont iconbluetooth_link" ></i>
            <div>统计</div>
        </li>
         <li>
            <i class="icon iconfont iconbluetooth_link" ></i>
            <div>设置</div>
        </li>

    </ul>
</div>
</template>
<script>
export default {

}
</script>

<style >
 .left-nav{
     color: #fff;
     font-size :10px;
     height: 100%;
     background-color: #1D8CE0;
     float:left;
     width:5%;
}
.iconfont{
     font-size:24px;
}
.left-nav ul{
    padding: 0px;
    margin: 0px;
}
.left-nav li{
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #20a0ff;
    padding: 10px;
}
</style>
